<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
    <link href="/static/clearmin/css/bootstrap-clearmin.min.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/roboto.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/material-design.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/small-n-flat.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <title>儿童关怀系统用户端</title>
</head>
<body class="cm-no-transition cm-1-navbar">
<div id="cm-menu">
    <nav class="cm-navbar cm-navbar-primary">
        <div class="cm-flex">
            <p style="font-size: 20px; padding-top: 10px;padding-left:20px;"><strong>Child</strong>Care</p>
        </div>
        <div class="btn btn-primary md-menu-white" data-toggle="cm-menu"></div>
    </nav>
    <div id="cm-menu-content">
        <div id="cm-menu-items-wrapper">
            <div id="cm-menu-scroller">
                <ul class="cm-menu-items">
                    <li><a class="sf-house" href="/user/backToHomepage">主页</a></li>
                    <li><a class="sf-dashboard" href="/user/getSensorInfo">传感器信息浏览</a></li>
                    <li class="active"><a class="sf-profile" href="/user/getUserInfo">用户信息修改</a></li>
                    <li><a class=" sf-window-system " href="/user/getSensorDataGatheringInfo">关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<header id="cm-header">
    <nav class="cm-navbar cm-navbar-primary">
        <div class="btn btn-primary md-menu-white hidden-md hidden-lg" data-toggle="cm-menu"></div>
        <div class="cm-flex">
            <h1>首页</h1>
        </div>
        <div class="dropdown pull-right">
            <button class="btn btn-primary md-account-circle-white" data-toggle="dropdown"></button>
            <ul class="dropdown-menu">
                <li class="disabled text-center">
                    <a style="cursor:default;"><strong th:text="${session.login_user}"></strong></a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#"><i class="fa fa-fw fa-user"></i> 个人信息</a>
                </li>
                <li>
                    <a href="/login/userLogout"><i class="fa fa-fw fa-sign-out"></i> 退出登录</a>
                </li>
            </ul>
        </div>
    </nav>
</header>
<div id="global">
    <div class="container-fluid cm-container-white">
        <h2 style="margin-top:0;">用户信息管理</h2>
        <hr>
        <ol class="breadcrumb">
            <li><a href="/user/backToHomepage">首页</a></li>
            <li>用户信息管理</li>
        </ol>
    </div>
    <div class="container-fluid">
        <div class="panel panel-default demo-icons">
            <div class="panel-heading">用户信息管理</div>
            <div class="panel-body">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-5">
                            <img alt="Responsive image" class="img-responsive img-thumbnail center-block"
                                 src="/static/img/info-img.png">
                            <br>
                        </div>
                        <div class="col-lg-5">
                            <form action="/user/updateUserInfo">
                                <div class="form-group">
                                    <label for="userName">用户名</label>
                                    <input class="form-control" id="userName" name="userName" placeholder="用户名"
                                           th:value="${userInfo.getUserName()}" type="text">
                                </div>
                                <div class="form-group">
                                    <label for="userAccount">账号</label>
                                    <input class="form-control" id="userAccount" name="userAccount" placeholder="账号"
                                           readonly th:value="${userInfo.getUserAccount()}" type="text">
                                </div>
                                <div class="form-group">
                                    <label for="userSignature">用户签名</label>
                                    <textarea class="form-control" id="userSignature" name="userSignature"
                                              placeholder="用户签名" rows="3"
                                              style="resize:none;"
                                              th:placeholder="${userInfo.getUserSignature()}"></textarea>
                                </div>
                                <div class="form-group">
                                    <label for="userSex">用户性别</label><br>
                                    <select class="form-control" id="userSex" name="userSex">
                                        <option th:selected="${userInfo.getUserSex()==0}" value="0">女</option>
                                        <option th:selected="${userInfo.getUserSex()==1}" value="1">男</option>
                                        <option th:selected="${userInfo.getUserSex()==2}" value="2">保密</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="deviceId">设备编号</label>
                                    <input class="form-control" disabled id="deviceId" placeholder="设备编号" type="text">
                                </div>
                                <button class="btn btn-primary center-block" type="submit">保存</button>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <footer class="cm-footer"><span class="pull-left">Created By Shinomiya Kaguya</span><span class="pull-right">&copy; 2020 能力有限公司</span>
        </footer>

    </div>

</div>
<script src="/static/clearmin/js/lib/jquery.min.js"></script>
<script src="/static/clearmin/js/jquery.mousewheel.min.js"></script>
<script src="/static/clearmin/js/jquery.cookie.min.js"></script>
<script src="/static/clearmin/js/fastclick.min.js"></script>
<script src="/static/clearmin/js/bootstrap.min.js"></script>
<script src="/static/clearmin/js/clearmin.min.js"></script>
<script src="/static/clearmin/js/demo/home.js"></script>
</body>
</html>
